<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Container</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/control/containercontrol.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/containercontrol.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/container/accordion.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/container/accordion.css" rel="stylesheet" type="text/css" />
       
	   	<script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/fx/base.js" type="text/javascript"></script>
		<script src="../../py/system/fx/animate.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/surround.js" type="text/javascript"></script>
		<script src="../../py/system/controls/resizing.js" type="text/javascript"></script>
		<script src="../../py/system/data/collection.js" type="text/javascript"></script>
		<script src="../../py/system/controls/icontainercontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/accordion.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		
		<script>
			
			
			document.onReady(function(){
				a = new Accordion({
					renderTo:  true,
					width: 300
				});
				
				a.tabPages.add(Element.parse('cccc'));
				a.tabPages.add(Element.parse('fdgdfg'));
				a.tabPages.add(Element.parse('fdgdfg'));
			})
			
			
			
		</script>
    </head>
    <body>
		<div style="width: 300px; margin: 5px;" class="x-accordion" id="accordion">
			<div class="x-header x-accordion-header">
				<h3>面板1</h3>
			</div>
			<div style="height: 201px; display: none;" class="x-body x-accordion-body">
				内容1
			</div>
			<div class="x-header x-accordion-header">
				<h3 class="x-collapsable"><span class="x-icon">icon</span>面板2</h3>
			</div>
			<div class="x-body x-accordion-body" style="height: 201px; display: block;">
				<div class="x-body-content x-accordion-content">
				内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容
				</div>
			</div>
			<div class="x-header x-accordion-header">
				<h3>面板3</h3>
			</div>
			<div class="x-body x-accordion-body" style="height: 201px; display: none;">
				内容3
			</div>
		</div>
    </body>
</html>
